<template>
  <CountTo class="number-item number" :end="number" />
</template>

<script lang="ts">
import { Component, Prop, Vue } from 'vue-property-decorator'

@Component({
  name: 'NumberItem'
})
export default class NumberItem extends Vue {
  /**
   * number
   */
  @Prop({
    type: Number,
    default: 0
  })
  number!: number
}
</script>
<style lang="scss" scoped>
.number-item {
  width: 0.22rem;
  height: 0.36rem;
  margin-left: 3px;
  font-size: 0.22rem;
  line-height: 0.36rem;
  color: $color-white;
  text-align: center;
  background: url(../assets/images/number-bg.png) no-repeat center / 100% 100%;
}
</style>
